<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
    <!-- 外联 -->
    <style>
        h2{
            color: tomato;
        }
        .cf{
            color: turquoise;
        }
        #look{
            color: yellow;
        }
        div{
            color: cornflowerblue;
        }
        /* 内联 */
        *{
            /* 通配符 */
        }
    </style>
</head>
<body>
    <p style="color: springgreen; font-family: 华文彩云;">巴拉拉能量</p>
    <!-- 行内 -->
    <h1>乌卡拉卡小魔仙</h1>
    <!-- 导入式link -->
    <h2 class="cf">全身变</h2>
    <!-- 类选择器 -->
    <h4 id="look">古娜拉黑暗之神</h4>
    <!-- id选择器 -->
    <div>呜呼啦呼</div>
    <!-- 内联 -->
</body>
</html>